<!DOCTYPE html>
<html>
	<head>
		<title>求职招聘</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/cw.css" />
		<script src="../js/jquery-2.1.4.min.js"></script>
		<script type="text/javascript" src="../js/public.js"></script>
		<script type="text/javascript" src="../js/app/qzzp-list.js"></script>
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" href="../css/pullToRefresh.css" /> 
		<script src="../js/iscroll.js"></script>
		<script src="../js/pullToRefresh.js"></script>
		<style type="text/css" media="all">
			body,
			html {
				padding: 0;
				margin: 0;
				height: 100%;
				font-family: Arial, Microsoft YaHei;
				color: #111;
			}
			
			.scroller li {
				height: auto;
				border-bottom: 1px solid #eee;
				background-color: #fff;
				font-size: 14px;
				padding: 11px 15px;
			}
			
			.pullDownLabel img {
				width: 13px;
				height: 13px;
				position: absolute;
				left: 50%;
				top: 3%;
				margin-left: -50px;
			}
		</style>
	</head>

	<body>
		<header id="header" class="mui-bar mui-bar-nav ">
			<span class="mui-action-back mui-icon mui-icon-left-nav"></span>
			<h1 class="mui-title color-white font-18">求职招聘</h1>
			<span class="color-white mui-icon mui-pull-right iconfont icon-sousuo search"></span>
		</header>
		<!--must content ul li,or shoupi-->
		<div id="wrapper" class="mui-content">
			<ul class="lists">
				<!--<li>
					<span>招聘招聘招聘招聘招聘招聘</span>
					<p><span class="color-zx-2 font-16  ">5000-5560元</span></p>
					<p><span class="color-c font-12">2016-03-23</span></p>
				</li>
				<li>
					<span>招聘招聘招聘招聘招聘招聘</span>
					<p><span class="color-zx-2 font-16  ">5000-5560元</span></p>
					<p><span class="color-c font-12">2016-03-23</span></p>
				</li>
				<li>
					<span>招聘招聘招聘招聘招聘招聘</span>
					<p><span class="color-zx-2 font-16  ">5000-5560元</span></p>
					<p><span class="color-c font-12">2016-03-23</span></p>
				</li>
				<li>
					<span>招聘招聘招聘招聘招聘招聘</span>
					<p><span class="color-zx-2 font-16  ">5000-5560元</span></p>
					<p><span class="color-c font-12">2016-03-23</span></p>
				</li>
				<li>
					<span>招聘招聘招聘招聘招聘招聘</span>
					<p><span class="color-zx-2 font-16  ">5000-5560元</span></p>
					<p><span class="color-c font-12">2016-03-23</span></p>
				</li>
				<li>
					<span>招聘招聘招聘招聘招聘招聘</span>
					<p><span class="color-zx-2 font-16  ">5000-5560元</span></p>
					<p><span class="color-c font-12">2016-03-23</span></p>
				</li>-->
			</ul>
		</div>

	</body>
	<script src="../js/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/global.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/immersed.js" type="text/javascript" charset="utf-8"></script>
      	mui.init();
	<script>
		refresher.init({
			id: "wrapper", //<------------------------------------------------------------------------------------┐
			pullDownAction: Refresh,
			pullUpAction: Load
		});
		//上拉刷新
		function Refresh() {
			setTimeout(function() { 
				document.getElementById("wrapper").querySelector(".pullDownIcon").style.display = "none";
				document.getElementById("wrapper").querySelector(".pullDownLabel").innerHTML = "刷新成功";
				recruit(1);
				setTimeout(function() {
					wrapper.refresh();
					document.getElementById("wrapper").querySelector(".pullDownLabel").innerHTML = "";
				}, 1000); 
			}, 1000);
		}
		//下拉加载
		function Load() {
			setTimeout(function() { 
				recruit();
				wrapper.refresh(); 
			}, 2000);
		}
	</script>
</html>